草庐IT

JSON 对象

全部标签

javascript - Angular:将通过 API 检索到的 JSON 对象的数组分配给变量

我正致力于通过GoogleBloggerAPI加载博客提要并在组件中显示结果。我无法弄清楚如何将{"items":[]}数组分配给posts变量以显示帖子。这是我所拥有的:组件:import{Component,OnInit}from'@angular/core';import{FeedService,Feed}from'./feed.component.service';import{Observable}from'rxjs/Observable';@Component({selector:'feed',templateUrl:'./feed.component.html',styl

javascript - 从 json 数据动态渲染 React 组件

我有一个像这样的json对象:letdata={UI:{"baseType":"App","children":[{"baseType":"TextField","props":{}}]}};我想把它渲染成:所以,我需要从json对象中获取动态渲染的组件。同样,我写了一个方法:getFromJson(obj){//letType=obj.baseType;letchildren=obj.children?obj.children.map((obj)=>{returnthis.getFromJson(obj,obj.baseType);}):'';//{children});case"T

javascript - 按嵌套属性对对象的对象进行排序

我有一个看起来像下面的对象。我如何根据嵌套对象中的公共(public)属性对此类内容进行排序。我期望的输出是player2根据较高的分数排在第一位。我的挑战是访问每个对象的属性进行排序。这是我的想法和尝试,但它没有进行排序。Object.keys(data).sort(function(p1,p2){returnp1.score-p2.score;}).forEach(function(key){varvalue=data[key];deletedata[key];data[key]=value;});我的数据vardata={player1:{score:4,cards:6},pla

javascript - 当通过 post 请求发送有效的 json 数据时,Flask request.get_json() 返回 None

这个问题在这里已经有了答案:HowtogetPOSTedJSONinFlask?(13个答案)关闭4年前。使用Flask构建应用程序。该应用程序使用表结构来显示数据。它的部分功能是从用户指定的表行中收集数据。为此,我在执行某些js的每一行上放置了一个按钮。js从行中收集信息,使用JSON.stringify()转换为json对象并将发布请求发送到相关的flaskurl。将jsonified对象的值从js文件记录到浏览器控制台表明它的格式正确。post请求联系正确的路由,但是request.get_json()函数在该路由的方法中返回None值。我在flask中设置了一个单独的路径用于测

javascript - react native - 在 package.json 中使用别名进行绝对导入

我看到一些项目使用import'@someDir/something',它解决了相对导入的问题。然后我找到了这个blogpost说说这个方法。它基本上告诉您在目录中创建package.json并指定它们的别名。我在我基于expo的react-native项目中实现了它,效果很好。像这样:{"name":"@someDir"}在src/someDir/package.json中。而且我可以在任何地方导入'@someDir/something'。为什么会这样?背后发生的魔法在哪里?Webpack还是babel还是react-native本身?我看到了anissue正在讨论此功能,但我不知道

javascript - JS 递归对象赋值

这个问题在这里已经有了答案:Howtodeepmergeinsteadofshallowmerge?(47个回答)关闭4年前。我了解到,在使用Object.assign()时,它仅扩展顶级对象。如何深入扩展对象?例如,假设我有以下源对象:constsource={id:1,otherKey:{},params:{page:{a:1,b:{}},data:{b:1}}}我正在像这样使用Object.assign():Object.assign({},source,{params:{page:{a:2}}}结果将是:{id:1,otherKey:{},params:{page:{a:2}}

javascript - 如何在 JavaScript 中使用箭头函数克隆对象?

我有这段JavaScript代码:classFoo{constructor(){this.b=1;this.getB=()=>{returnthis.b;};}}constnormalFoo=newFoo();constclonedFoo=magicClone(normalFoo);clonedFoo.b=5;console.log(clonedFooinstanceofFoo);//shouldbetrueconsole.log(clonedFoo.getB());//shouldbe5我想知道我可以用什么替换magicClone以获得所需的结果(例如,尊重箭头函数绑定(bind)的

javascript - 识别由 Flex 中的 FileReference 对象为 PNG 图像编码的数据的性质

我正在尝试将基于Flex的应用程序迁移到JavaScript,并遇到了将PNG图像发送到服务器的文件上传功能。我无权访问服务器代码,所以我试图模仿flex应用程序发出的请求。flex应用程序发送的请求数据如下所示:我使用Filereader.readAsBinaryString()读取PNG的请求数据如下所示:如您所见,flex应用程序进行了一些我无法理解的编码。虽然这两个内容看起来一样,但还是有一些细微的差别,这可以通过每个内容的长度来确认。AS3FileReference文档表明它使用load()function将文件内容转换为ByteArray.有人可以解释他们是如何编码的吗?

javascript - 使对象或类属性仅可调用

长话短说:博士;是否可以使对象的属性仅可调用(作为函数)?这是什么意思classFoo{bar(value){returnvalue}}letnewFoo=newFoo()console.log(newFoo.bar(123))//shouldworkfineasfunctionisinvokedconsole.log(newFoo.bar)//hereineedtothrowordisplayanerrorinsteadofreturningvalue我试着用Proxy做到这一点和handler.get陷阱,但我不知道如何捕获它是函数调用还是只是属性访问,classFoo{bar(v

javascript - 面向对象的 JavaScript 最佳实践问题 : How should I configure my objects for the following

我决定我需要提高我的javascript编程技能,以及我的OO技能。我目前正在阅读一些书籍,但有时如果不先看一些实际例子就很难掌握理论。所以,我有一个关于以下场景的“最佳实践”的理论问题......我想创建一个OO脚本来显示从服务器检索到的搜索标签记录列表。我还希望能够就地编辑每个搜索标签记录。目前,我在jQuery库的帮助下按程序执行此操作:我从服务器接受一个JSON编码的搜索标签记录列表。它看起来像这样:[{"searchTagName":"tagOne","searchTagID":"1"},{"searchTagName":"tagTwo","searchTagID":"2"}